<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="Expires" content="0" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Cache-control" content="no-cache" />
  <meta http-equiv="Cache" content="no-cache" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}" type="image/x-icon"/> 
  <!-- favicon -->

  <!-- title -->
  <title th:text="'登录 '"></title>

  <!-- css -->
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
  <link th:href="@{/xhcl/login/css/login.css}" rel="stylesheet" />
  <!-- js -->
  <!-- 全局js -->
	<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
	<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
	<!-- 验证插件 -->
	<script src="../static/js/plugins/validate/jquery.validate.min.js" th:src="@{/js/plugins/validate/jquery.validate.min.js}"></script>
	<script src="../static/js/plugins/validate/messages_zh.min.js" th:src="@{/js/plugins/validate/messages_zh.min.js}"></script>
	<script src="../static/js/plugins/layer/layer.min.js" th:src="@{/js/plugins/layer/layer.min.js}"></script>
	<script src="../static/js/plugins/blockUI/jquery.blockUI.js" th:src="@{/js/plugins/blockUI/jquery.blockUI.js}"></script>
	<script src="../static/xhcl/js/ry-ui.js" th:src="@{/xhcl/js/ry-ui.js?v=4.4.0}"></script>
	<script src="../static/xhcl/login.js" th:src="@{/xhcl/login.js}"></script>
  <script>
        if(window.top!==window.self){alert('未登录或登录超时。请重新登录');window.top.location=window.location};
  </script>
</head>

<body>
  <div id="login">
    <div class="login-container login-layout">
      <div class="logo-header-left">
        <a href="">
          <img  th:src="@{/img/logo.png}" alt="HXCL" width="250px" height="60px"/>
        </a>
      </div>
      <div class="login-layout-content">
        <div class="login-tab">
          <div class="slide" style="overflow: hidden;">
            <ul>
              <li class="slide-item"> <img th:src="@{/xhcl/login/img/temp1.svg}" alt="" title="" /> </li>
              <li class="slide-item"> <img th:src="@{/xhcl/login/img/temp2.svg}" alt="" title="" /> </li>
              <li class="slide-item"> <img th:src="@{/xhcl/login/img/temp3.svg}" alt="" title="" /> </li>
            </ul>
            <div class="arrow" style="display:none">
              <div class="prev">
                <</div> <div class="next">>
              </div>
            </div>
            <ol class="carousel-indicators">
              <li data-slide-to="0" style='width:24px;opacity:1'></li>
              <li data-slide-to="1"></li>
              <li data-slide-to="2"></li>
            </ol>
          </div>

          <div class="login-tabs">

           <div class="login-tabs-tab-nav">
              <span class="login-tabs-tab-nav-icon"
                th:classappend="login-tabs-tab-nav-icon-active">
                <i class="glyphicon glyphicon-user" th:title="账号"></i>
              </span>
           </div>
           <div class="login-tabs-tab-content">
              <div class="login-tabs-tab-pane  login-tab-pane login-account login-tabs-tab-pane-active ">
                <div class="logo">
                  <a class="logo-text" href="">
                    <span th:text="用户登录"></span>
                  </a>
                </div>
                <form id="signupForm" autocomplete="off">
                  <div class="login-form">
                    <div class="login-form-item login-form-item-with-help">
                      <span class="login-form-item-children">
                        <div class="login-form-explain" ></div>
                      </span>
                    </div>
                    <div class="login-form-item">
                      <span class="login-form-item-children">
                        <span class="login-form-item-children-prefix">
                          <div class="login-input-content">
                            <span class="login-form-input-prefix">
                              <i class="glyphicon glyphicon-user"></i>
                            </span>
                            <div class="form-group login-form-item-children-input">
                              <input name="username" id="username" type="text" class="form-control login-form-input" th:placeholder="用户名">
                            </div>
                          </div>
                        </span>
                      </span>
                    </div>
                    <div class="login-form-item">
                      <span class="login-form-item-children">
                        <span class="login-form-item-children-prefix">
                          <div class="login-input-content">
                            <span class="login-form-input-prefix">
                              <i class="glyphicon glyphicon-lock"></i>
                            </span>
                            <div class="form-group login-form-item-children-input">
                              <input name="password" id="password" type="password" class="form-control login-form-input" th:placeholder="密码">
                              <span class="glyphicon glyphicon-eye-close look"></span>
                            </div>
                          </div>
                        </span>
                      </span>
                    </div>
                    <div class="login-form-item" th:if="${captchaEnabled==true}">
                      <span class="login-form-item-children">
                        <div class="login-row">
                          <div class="login-col-12">
                            <span class="login-form-item-children-prefix">
                              <div class="login-input-content">
                                <span class="login-form-input-prefix">
                                  <i class="glyphicon glyphicon-pencil"></i>
                                </span>
                                <div class="form-group login-form-item-children-input">
                                  <input name="validateCode" id="validateCode" type="text" class="form-control login-form-input" th:placeholder="验证码">
                                </div>
                              </div>
                            </span>
                          </div>
                          <div class="login-col-12">
                            <a class="login-account-captcha" href="javascript:void(0);" title="点击更换验证码">
                              <img class="imgcode" th:src="@{captcha/captchaImage(type=${captchaType})}" alt="Captcha" style="margin-left: 15px;margin-bottom: 15px;width:160px;height:38px"/>
                            </a>
                          </div>
                        </div>
                      </span>
                    </div>
                    <input type="hidden" id="rememberme" name="rememberme">
                  </div>
                  <div class="login-form-item">
                    <span class="login-form-item-children">
                      <button type="submit" id="btnSubmit" class="btn btn-primary btn-raised login-account-login-btn" data-loading=""
                        th:text="登录"></button>
                    </span>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer" th:utext="'Copyright © The XHCL All rights reserved.'">
      </div>
    </div>
  </div>
  <div class="login-notification"></div>
  <script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
</body>

</html>